.van-popup--center {
  width: 80% !important;
  overflow: hidden;
  background: #E5EAEF;

  .report-dept {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;

    .header-area {
      display: flex;
      flex-direction: column;
      height: 176px;
      width: 100%;
      align-self: center;
      text-align: center;
      align-content: center;
      justify-content: center;
      background: rgba(255, 255, 255, 1);
      overflow: hidden;
      font-weight: 600;
      font-size: 64px;
      color: rgba(55, 55, 58, 1);
      position: relative;

      .el-icon-back {
        position: absolute;
        left: 6%;
        top: 50%;
        transform: translate(-50%, -50%);
      }
    }

    .content-wrap {
      overflow: hidden;
      padding: 40px 0 0 0;
      margin-bottom: 30px;
      height: auto;
      width: 100%;
      background: #E5EAEF;
      box-sizing: border-box;

      .content-area-inside {
        height: auto;
        min-height: calc(300px);
        overflow: auto;
        padding: 0 30px;
        background: transparent;
        box-sizing: border-box;

        &::-webkit-scrollbar {
          width: 0;
          height: 0;
          position: relative;
          z-index: 99999999999;
        }

        .el-col {
          display: flex;
          flex-direction: column;
          margin-bottom: 30px;
        }

        .item {
          height: 120px;
          line-height: 120px;
          background: #FFFFFF;
          border-radius: 16px;
          font-size: 50px;
          text-align: center;
          color: #333333;
          padding: 0 24px;
          overflow: hidden;
          @include singleEllipsis(100%)
        }

        :deep(.el-empty) {
          .el-empty__description p {
            font-size: 50px;
          }
        }
      }
    }

    .footer-area {
      height: 150px;
      width: 100%;
      display: flex;
      padding: 24px 30px;
      box-sizing: border-box;
      flex-direction: row;
      flex-shrink: 0;
      justify-content: space-between;
      background: rgba(255, 255, 255, 1);

      .patient-info {
        font-size: 60px;
        color: #333333;
        align-self: center;
        font-weight: 600;
        line-height: 84px;
        max-width: calc(100% - 380px);
        @include singleEllipsis(calc(100% - 380px))
      }

      .countdown {
        height: 100px;
        border-radius: 20px;
        border: 4px solid #0059B3;
        overflow: hidden;
        font-size: 50px;
        line-height: 100px;
        text-align: center;
        color: rgba(0, 89, 179, 1);
        @include background('design/1-31×2');
        background-size: contain;
        padding: 0 40px 0 126px;
        background-position: 16px center;
      }
    }
  }
}
